<template>
  <div class="section06">
    <div class="section06-content" :class="{'empty': !item.title}"  v-for="(item, index) in convertSectionData(props.data, 3)" :key="index">
      <img class="section06-img" :src="item.pic" alt="">
      <div class="section06-content2">
        <h3 class="title">{{item.title}}</h3>
        <h4 class="subtitle">{{item.subtitle}}</h4>
        <p class="description">{{item.description}}</p>
      </div>
    </div>
  </div>
</template>

<script setup>
import {convertSectionData} from "@/utils/helper";

const props = defineProps(["data"])
</script>

<style scoped>




</style>
